<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>Pulcee IT Solutions</title>

    <!-- Icono -->
	<link rel="icon" type="image/png" href="img/favicon.png" />

    <!-- Bootstrap core CSS -->
    <link href="css/bootstrap.css" rel="stylesheet">

    <!-- Add custom CSS here -->
    <link href="css/prettyPhoto.css" rel="stylesheet">
    <link href="css/set2.css" rel="stylesheet">
    <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <link href="css/bootstrap-theme1.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="fancybox/source/jquery.fancybox.css?v=2.1.5" media="screen" />
    
		<!--[if lt IE 9]>
		<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
		<![endif]-->
	<!-- Social-feed css -->
	<link href="css/style.css" rel="stylesheet">
  </head>

  <body>
  <div id="boxWrapp">
    
    <!-- Full Page Image Header Area -->
    <div id="about" class="header">
	<div class="maskHeader"></div>
     	<div class="vert-text">
     		<h1>Pulcee IT Solutions</h1>
			<h2>Lo unico permanente es el cambio</h2>
			<h3>Nuevo nombre, nueva imagen... el mismo Objetivo</h3>
			
			
		</div>
    <div class="navbar-nav">
    <a href="#aboutMore" class="btn btn-link btnAbout"><i class="fa fa-angle-down fa-2x"></i></a>
    </div>
    </div>
    <nav class="navbar navbar-inverse" role="navigation">
        <div class="container">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#about"><img src="./img/logo_small.png"/></a>
        </div>
        
        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
         <ul class="nav navbar-nav navbar-right">
           
            <li class="current"><a href="#aboutMore">Quienes Somos</a></li>
            <li><span>/</span></li>
            <li><a href="#work">Confiaron en Nosotros</a></li>
             <li><span>/</span></li>
            <li><a href="#news">Ultimas Noticias</a></li>
            <li><span>/</span></li>
            <li><a href="#contact">Conocenos</a></li>
          </ul>
        
         
        </div><!-- /.navbar-collapse -->
        </div><!-- /.container-fluid -->
    </nav>
	  
    <!-- /Full Page Image Header Area -->
  
    <!-- Intro -->
    <div id="aboutMore" class="page">
      <div class="container">
		<div class="row">
          <div class="col-md-10  col-md-offset-1">
		    <div class="build title-page-white">
				<h2 class="text-center">Quienes somos</h2>	
				<span class="line-title"></span>
			</div>
		   </div><!-- end col -->
		  </div><!-- end row -->
		</div>
        <div class="row">
           <div class="col-md-10 col-md-offset-1">
			<div class="build about-content">
				<p class="text-center">Somos un grupo de emprendedores que generan productos innovadores orientados a la web, de acceso p&uacute;blico y masivo destinados a brindar soluciones, crear oportunidades y ampliar los canales de comunicaci&oacute;n de nuestros clientes bas&aacute;ndonos en el principio de la competencia justa.</p>
				<p class="text-center">Trabajamos arduamente para estar siempre un paso adelante en este mundo en constante movimiento porque despu&eacute;s de todo: "Lo Unico Permanente Es El Cambio"</p>
				
			</div>
          </div><!-- end col -->
		  
        </div><!-- end row -->
      </div>
    
    <!-- /Intro -->   

    <!-- Portfolio -->
    <div id="work" class="page page-bgcolor">
    	<div class="container">
    		<div class="row">
          		<div class="col-md-10  col-md-offset-1">
		    		<div class="build title-page-gray">
						<h2 class="text-center">Confiaron en nosotros</h2>	
						<span class="line-title"></span>
					</div>
		   		</div><!-- end col -->
		  	</div><!-- end row -->
		  	<div class="row">
      			<div class="col-md-4  col-md-offset-4">
      				<div class="alert alert-warning" style="text-align:center;"><i class="fa fa-warning fa-2x"></i><strong>Estamos trabajando en esta secci&oacute;n</strong></div>
      			</div>
      		</div>
      		<div class="row">
	      		<div class="grid">
					<figure class="effect-ming">
						<img src="img/portfolio/firstClassGaleria1.jpg" alt="First Class Apartments"/>
						<figcaption id="firstClassGaleria">
							
							<h2 class="portfolio">First Class <span>Apartments</span></h2>
							<p class="portfolio">Alquiler temporal de Apartamentos de primera categor&iacute;a en C&oacute;rdoba Argentina</p>
							<p><a href="http://firstclassapartment.com.ar/">Visitar</a></p>

						</figcaption>
					</figure>

					<!--<figure class="effect-ming">
						<img src="img/portfolio/dym.jpg" alt="Dani & Mati"/>
						<figcaption>
							<h2 class="portfolio">Dani <span>&</span> Mati</h2>
							<p>Casamiento Dani y Mati</p>
							<a href="#">View more</a>
						</figcaption>			
					</figure>-->
				</div>
			</div>
		</div>
    </div>
    <!-- /Portfolio -->
    
    <!--Ultimas noticias-->          
    <div id="news" class="page">
		<div class="container">
			<div class="row">
	          <div class="col-md-10  col-md-offset-1">
			    <div class="build title-page-white">
					<h2 class="text-center">Ultimas Noticias</h2>	
					<span class="line-title"></span>
				</div>
			   </div><!-- end col -->
			  </div><!-- end row -->
		  	<div class="row">
		  		<div class="col-md-9  col-md-offset-3">
		    		<a class="twitter-timeline"  href="https://twitter.com/pulceWS" data-widget-id="527781363072524288">Tweets por @pulceWS</a>
				</div>
			</div>
		</div>
	</div>


    <!--contact-->
    <div id="contact" class="page">
		<div class="container">
		<div class="row">
          <div class="col-md-10  col-md-offset-1">
		    <div class="build title-page-white">
				<h2 class="text-center">Conocenos</h2>	
				<span class="line-title"></span>
			</div>
		   </div><!-- end col -->
		  </div><!-- end row -->
	  	<div class="row">
	  		<div class="col-md-4" style="text-align: right;">
	  			<img src="./img/logo.png"/>

	  		</div>
			<div class="col-md-4">
				<div class="build contact clearfix">
					<ul class="table-contact">
						<li class="clearfix">
						<div class="row-contact">
							<div class="cell-contact w-cell">
							<a><span class="fa fa-map-marker"></span></a>
							</div>
							<div class="cell-contact">
							<p>C&oacute;rdoba. Argentina<p>
							</div>
						</div>
						</li>
						<li class="clearfix">
						<div class="row-contact">
							<div class="cell-contact w-cell">
							<a><span class="fa fa-phone"></span></a>
							</div>
							<div class="cell-contact">
							<p>+54 9 351 3586290<p>
							</div>
						</div>
						</li>
						<li class="clearfix">
						<div class="row-contact">
							<div class="cell-contact w-cell">
							<a href="mailto:info@pulcee.com"><span class="fa fa-envelope"></span></a>
							</div>
							<div class="cell-contact">
							<p>info@pulcee.com</p>
							</div>
						</div>
						</li>
						
					</ul>
							
				</div>
			</div><!-- end col -->
			<div class="col-md-4">
				<div class="fb-like-box" data-href="https://www.facebook.com/pulceeIT" data-colorscheme="light" data-show-faces="true" data-header="false" data-stream="false" data-show-border="false"></div>
			</div>
		</div><!-- end row -->
	
	  </div><!-- end container -->
	</div>
    <!--contact-->
    
    <!-- Footer -->
    <footer class="bg-primary">
      <div class="container">
        <div class="row">
			<div class="col-md-4 ">
				<div class="build cp-right">
					<p>&copy; 2015 <a href="http://www.pulcee.com">Pulcee IT Solutions</a></p>
				</div><!-- end build -->
			</div><!-- end col -->
			<div class="col-md-4 text-center">
			<div class=" build top-scroll">
			<a href="#about"><i class="fa fa-angle-up scroll"></i></a>
			</div>
			</div>
			<div class="col-md-4 text-right">
			<div class="build">
			<ul class="list-inline">
			<li><a href="https://www.facebook.com/pulceeIT" target="_blank" class="socIcon" data-toggle="tooltip" title="Facebook" data-original-title="Facebook" data-gal='tooltip' data-placement="top"><i class="fa fa-facebook fa-2x"></i></a></li>
			<li><a href="https://twitter.com/pulceeIT" target="_blank" class="socIcon" data-toggle="tooltip" title="Twitter" data-original-title="Twitter" data-gal='tooltip' data-placement="top"><i class="fa fa-twitter fa-2x"></i></a></li>
			<li><a href="https://plus.google.com/+PulceAr" target="-blank" class="socIcon" data-toggle="tooltip" title="Google+" data-original-title="Google+" data-gal='tooltip' data-placement="top"><i class="fa fa-google-plus fa-2x"></i></a></li>
			</ul>
			</div>
			</div>
        </div>
      </div>
    </footer>
    <!-- /Footer -->

    <!-- JavaScript -->
    <script src="js/jquery-1.10.2.js"></script>
    <script src="js/bootstrap.js"></script>
   
    <script src="js/modernizr.js"></script>
	<script src="js/jquery.sticky.js" ></script>
	<script src="js/jquery.quicksand.js" ></script>

	<script src="js/jquery.nav.js"></script>
    <script src="js/jquery.scrollTo.js" ></script>

    <script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
    <script src="js/script.js"></script>

    <script type="text/javascript" src="fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script>
    
    <!-- Social-feed js -->
    <script src="js/tweecool.js"></script>

    <script type="text/javascript">
	    $(document).ready(function(){
			$('#tweecool').tweecool({
				username : 'pulcews',
				limit : 5, // Number of tweets to show
				profile_image : true, // Show profile image
				show_time : true, // Show tweet time
				show_media : true,
				show_media_size: 'thumb'  //values: small, large, thumb, medium 
			});

			$("#firstClassGaleria").click(function() {
				$.fancybox.open([
					{
						href : 'img/portfolio/firstClassGaleria1.jpg',
						title :'El estilo y la elegancia son sin&oacute;nimos de First Class Apartments C&oacute;rdoba; as&iacute; como la soluci&oacute;n que preparamos para ellos'
					}, {
						href : 'img/portfolio/firstClassGaleria2.jpg',
						title : 'Las caracter&iacute;sticas y servicios de los apartamentos se muestran de manera ordenada simplificando su lectura'
					}, {
						href : 'img/portfolio/firstClassGaleria3.gif',
						title : 'Una galer&iacute;a de im&aacute;genes sobre un layout de los apartamentos permite tener una visi&oacute;n clara y precisa de la distribuci&oacute;n del lugar diferenciado por cada uno de los distintos espacios'
					}, {
						href : 'img/portfolio/firstClassGaleria4.jpg',
						title : 'Las reservas se realizan en 3 simples pasos. El sistema multimoneda permite seleccionar entre diferentes divisas cuya cotizaci&oacute;n se actualiza autom&aacute;ticamente a diario'
					}, {
						href : 'img/portfolio/firstClassGaleria5.jpg',
						title : 'El Panel de Control permite gestionar el contenido de la web, configurar los par&aacute;metros generales, agregar divisas, gestionar precios por periodos, entre otros'
					}
				], {
					helpers : {
						thumbs : {
							width: 75,
							height: 50
						}
					},
					autoPlay:true,
					playSpeed: 12000                    
				});
			});
		});
	</script>
	<script>
		!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");
	</script>
	<script>
		(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
		  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
		  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
		  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

		  ga('create', 'UA-55989647-1', 'auto');
		  ga('send', 'pageview');
	</script>
	<div id="fb-root"></div>
	<script>
		(function(d, s, id) {
		  var js, fjs = d.getElementsByTagName(s)[0];
		  if (d.getElementById(id)) return;
		  js = d.createElement(s); js.id = id;
		  js.src = "//connect.facebook.net/es_LA/sdk.js#xfbml=1&version=v2.0";
		  fjs.parentNode.insertBefore(js, fjs);
		}(document, 'script', 'facebook-jssdk'));
	</script>

  </div>
  </body>

</html>